/* 测试属性排序和标准规则 */
.valid-class {
  /* 正确：变量在前 */
  --primary-color: #39f;

  /* 正确：布局属性 */
  position: absolute;
  top: 0;

  /* 正确：盒模型 */
  display: block;
  width: 100px;

  /* 会报错：顺序错误（width 应该在 display 后） */
  height: 50px;
  margin: 0;
}

/* 测试类名规范（会被报错） */
.invalidSelector {
  color: red;
}

/* 测试未知伪类（会被报错） */
.button:unknown {
  background: blue;
}

.ldsd {
  color: #39f;
}
